<template>
	<view
		:style="'background: url(' + imgData.settleBg + ') no-repeat;background-size: contain;height:' + systemInfo.screenHeight + 'px;'">
		<u-navbar title=" " :autoBack="true" bgColor="transparent" :fixed="false">
			<view class="u-nav-slot" slot="left">
				<!-- <u-tabs :list="list1" :lineColor="$u.color.color"></u-tabs> -->
			</view>
		</u-navbar>
		<view class="p-30" v-if="configData.program == 1">
			<view class="content">
				<image @click="jumpPage('/pages/settle/apply')" :src="imgData.apply1" style="width:100%;height: 220rpx;border-radius: 10rpx;" mode="widthFix"></image>
				
				<image @click="jumpPage('/pages/share/index')" :src="imgData.apply2" style="width:100%;height: 220rpx;border-radius: 10rpx;" mode="widthFix"></image>
				<image @click="jumpPage($userInfo.level > 0 ? '/pages/settle/post' : '/pages/settle/release')" :src="imgData.apply3" style="width:100%;height: 220rpx;border-radius: 10rpx;" mode="widthFix"></image>
				
			<!-- 	<u-image @click="jumpPage('/pages/settle/apply')" showLoading :src="imgData.apply1" width="100%"
					height="220rpx" mode="widthFix" radius="10"></u-image>
				<u-image @click="jumpPage('/pages/share/index')" showLoading :src="imgData.apply2" width="100%"
					height="220rpx" mode="widthFix" radius="10"></u-image>
				<u-image @click="jumpPage($userInfo.level > 0 ? '/pages/settle/post' : '/pages/settle/release')"
					showLoading :src="imgData.apply3" width="100%" height="220rpx" mode="widthFix"
					radius="10"></u-image> -->
			</view>
		</view>
		<page-tabbar :value="3" />
		<u-toast ref="uToast"></u-toast>
		<login ref="login" />
	</view>
</template>

<script>
	import {
		hotList,
		wxLogin
	} from '@/common/api.js'
	import {
		mapState
	} from "vuex";
	import commonMixin from '@/mixins/common.js';
	export default {
		mixins: [commonMixin],
		data() {
			return {
				list1: [{
					name: '消息',
				}]
			}
		},
		computed: {
			...mapState([]),
		},
		onLoad() {
			console.log(this.systemInfo);
		}
	}
</script>

<style>
	page {
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.content {
		margin-top: 360rpx;
	}
</style>